import Vue from 'vue'
import Router from 'vue-router'

import Home from '@/components/Home'
import GetExercises from '@/components/GetExercises'
import CardPayment from '@/components/CardPayment'
import ReviewExercises from '@/components/ReviewExercises'
import UserCenter from '@/components/UserCenter'
import SelectUserCard from '@/components/SelectUserCard'
import FinishExercise from '@/components/FinishExercise'

// const Home = () => import('@/components/Home')
// const GetExercises = () => import('@/components/GetExercises')
// const CardPayment = () => import('@/components/CardPayment')
// const ReviewExercises = () => import('@/components/ReviewExercises')
// const UserCenter = () => import('@/components/UserCenter')
// const SelectUserCard = () => import('@/components/SelectUserCard')

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/get-exercises',
      name: 'GetExercises',
      component: GetExercises
    },
    {
      path: '/select-user-card',
      name: 'SelectUserCard',
      component: SelectUserCard
    },
    {
      path: '/card-payment',
      name: 'CardPayment',
      component: CardPayment
    },
    {
      path: '/review-exercises',
      name: 'ReviewExercises',
      component: ReviewExercises
    },
    {
      path: '/user-center',
      name: 'UserCenter',
      component: UserCenter
    },
    {
      path: '/finish-exercise',
      name: 'FinishExercise',
      component: FinishExercise
    }
  ]
})
